<template>
  <div class="px-5">
    <ElButton>789</ElButton>
    <ElButton>123</ElButton>
    <h1 class="text-3xl font-bold pt-8 pb-4">推荐</h1>
    <Banner />
    <RecommendSongList />
    <RecommendMusicList />
    <RecommendMvList />
  </div>
</template>

<script lang="ts" setup>
import Banner from '@/components/banner/Index.vue'
import RecommendSongList from '@/components/recommend/SongList.vue'
import RecommendMusicList from '@/components/recommend/MusicList.vue'
import RecommendMvList from '@/components/recommend/MvList.vue'
</script>

<style lang="less" scoped></style>
